<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>列表标签</title>
</head>
<body>
  <!-- 1、无序列表 ul li 块级元素 ul配合li使用-->
  <ul type="circle">
    <li>苹果</li>
    <li>香蕉</li>
    <li>榴莲</li>
  </ul>

  <!-- 2、有序列表 ol li -块级元素-->
  <ol type="1">
    <li>螺蛳粉</li>
    <li>老友粉</li>
    <li>桂林米粉</li>
  </ol>

  <!-- 3、定义列表 dl dt dd 块级元素-->
  <dl>
    <!-- 列表标题 类似title -->
    <dt>钓鱼岛</dt>
    <!-- 对标题的元素 -->
    <dd>钓鱼岛是中国的</dd>
    <dt>火山</dt>
    <dd>火山爆发是日本的</dd>
  </dl>

  
</body>
</html>